{% extends 'myhome/index.html' %}
{% block title %}
<title>天天生鲜-购物车</title>
{% endblock %}
{% block main %}
	<div class="total_count">全部商品<em>2</em>件</div>	
	<ul class="cart_list_th clearfix">
		<li class="col01">商品名称</li>
		<!-- <li class="col02">商品单位</li> -->
		<li class="col03">商品价格</li>
		<li class="col04">数量</li>
		<li class="col05">小计</li>
		<li class="col06">操作</li>
	</ul>
	<div class="cart_mo">
	{% for i in data %}
		<ul class="cart_list_td clearfix">
			<li class="col01"><input type="checkbox" name="sess" ></li>
			<li class="col02"><a href="{% url 'myhome_goods_info' %}?id={{i.goodsid.id}}"><img src="{{i.goodsid.pic_url}}"></li></a>
			<li class="col03" style="overflow: auto">{{i.goodsid.title}}<br><em></em></li>	
			<!-- <li class="col04">500g</li> -->
			<li class="col05">{{i.goodsid.price}}</li>
			<li class="col06">
				<div class="num_add">
					<a href="javascript:;" class="add fl">+</a>
					<input type="text" cartid={{i.goodsid.id}} class="num_show fl" name={{i.goodsid.id}} value={{i.num}}>	
					<a href="javascript:;" class="minus fl">-</a>	
				</div>
			</li>
			<li class="col07">
				{% load pagetag %}
				{% xiaojie i.num i.goodsid.price %}
			</li>
			<li class="col08"><a href="javascript:;" name="{{i.id}}">删除</a></li>
		</ul>
		{% endfor %}
	</div>
	
	<ul class="settlements">
		<li class="col01"><input type="checkbox" name=""  id="all"></li>
		<li class="col02">全选</li>
		<li class="col03 ">合计(不含运费)：<span>¥</span><em id="col1">0.00</em><br>共计<b id="col2">2</b>件商品</li>
		<li class="col04" id="jiesuan"><a href="javascript:void(0)">去结算</a></li>
	</ul>
	<script type="text/javascript">
		$(".num_add a").click(function(){
			// 同步加减
			vals = $(this).parent().find("input")
			// alert($(this).find("div a").index())
			if ($(this).index()==0){
				vals.val(parseInt(vals.val())+1)
				changenum(vals)
			}else if($(this).index()==2){
				if (parseInt(vals.val())>1){
					vals.val(parseInt(vals.val())-1)
					changenum(vals)
				}
			}
		});
		// 全选
		$("#all").click(function(){
			$(".cart_mo input[type='checkbox']").prop("checked",$(this).prop("checked"))
		})
		// 更新小结

		function changenum(t){
			gid = t.attr("cartid")
			num = Number(t.val())
			$.get('{% url "myhome_cart_money" %}',{"id":gid,"num":num},function(data){
				t.parents("ul").find(".col07").text(data)
				sums()
			})

		}

		v = $(".num_show").val()
		// 当数量发生变化时触发
		$(".num_show").change(function(){
			if($(this).val()<1){
				$(this).val(v)
				alert("请不要乱来")

				return
			}
			changenum($(this))		
		})
		// 总价
		function sums(){
			var sum = 0.00
			var num = 0
			$("input[name='sess']").each(function(index,element){
				if ($(this).prop("checked")){
					sum+=parseFloat($(this).parents("ul").find(".col07").html())
					num+=parseInt($(this).parents("ul").find(".col06 input").val())

				}
			})
			$("#col1").html(sum.toFixed(2))
			$("#col2").html(num)
		}
		
		sums()
		// 多选框触发
		$("input[type='checkbox']").click(function(){
			sums()
		})
		// ajax提交订单
		$("#jiesuan").click(function(){
			// 商品id
			var goodsid=[]
			ind = 0
				// 数量
			var num=[]
			$("input[name='sess']").each(function(index,element){
				if ($(this).prop("checked")){
					goodsid[ind]=$(this).parents("ul").find(".col06 input").prop("name")
					num[ind]=parseInt($(this).parents("ul").find(".col06 input").val())
					ind++
				}
			})
			// 把提交订单的数据传入ajax
			if(num.length!=0){
				$.get('{% url "myhome_cart_submit" %}',{"goodsid":String(goodsid),"num":String(num)},function(data){
					$(window).attr("location",data)

				})
			}
		})
				// 删除
		$(".col08 a").click(function(){
			id=$(this).prop("name")
			el = $(this)
			$.get('{% url "myhome_cart_del" %}',{"caid":id},function(data){
				if(data){
					alert("删除成功")
					el.parents("ul").remove()
				}
			})
		})
	</script>
{% endblock %}